<template>
<modal :show.sync="show" v-ref:modal big backdrop="false">
  <header slot="modal-header" class="modal-header" style="height:50px;">
    <button type="button" class="close" @click="close"><span>&times;</span></button>
    <h3 style="font-size:2;font-weight: bolder;" class="modal-title"><span>表具管理</span></h3>
    <br/>
  </header>

  <article slot="modal-body" class="modal-body" style="  height: 80px;
    padding-bottom: 0px;">

    <div class="form-group">
      <div class="col-sm-6">
        <label for="f_gaswatchbrand" class="col-sm-4"><nobr>气表品牌:</nobr></label>
        <v-select :value.sync="model.f_gaswatchbrand" v-model="model.f_gaswatchbrand" :options='$parent.f_gaswatchbrand' placeholder='请选择' close-on-select clear-button condition="f_state ='{}'"></v-select>
      </div>
      <div class="col-sm-6">
        <label for="f_metertype" class="col-sm-4"><nobr>气表型号:</nobr></label>
        <v-select :value.sync="model.f_metertype" v-model="model.f_metertype" :options='$parent.f_metertype' placeholder='请选择' close-on-select clear-button></v-select>
      </div>
      <div class="col-sm-6">
        <label for="f_type" class="col-sm-4"><nobr>气表类型:</nobr></label>
        <v-select :value.sync="model.f_type" v-model="model.f_type" :options='$parent.f_type' placeholder='请选择' close-on-select clear-button condition="f_state ='{}'"></v-select>
      </div>
      <div class="col-sm-6">
        <label for="f_state" class="col-sm-4"><nobr>状态:</nobr></label>
        <v-select :value.sync="model.f_state" v-model="model.f_state" :options='$parent.f_state' placeholder='请选择' close-on-select clear-button></v-select>
      </div>
    </div>
    <div class="form-group">

    </div>
    <div class="form-group">
      <div class="col-sm-6">
        <label for="f_meternumber" class="col-sm-4">表号:</label>
        <div class="col-sm-8">
          <input v-model="model.f_receiver" id="f_receiver" class="form-control" >
        </div>

      </div>
      <div class="col-sm-6">
        <label for="f_meternumber1" class="col-sm-4">~</label>
          <div class="col-sm-8">
        <input v-model="model.f_meternumber1" id="f_meternumber1" class="form-control" >
      </div>
      </div>
    </div>


  </article>
  <footer slot="modal-footer" class="modal-footer" style="height:500px;">
    <div class="form-group" style="padding-bottom:100px;">
      <div class="col-sm-6">
        <label for="f_meternumber" class="col-sm-4">登记人:</label>
          <div class="col-sm-8">
        <input v-model="model.f_receiver" id="f_meternumber"  class="form-control">
      </div>
      </div>
      <div class="col-sm-6">
        <label for="f_meternumber1" class="col-sm-4" style="position:relative;right:20px;"><nobr>登记日期</nobr></label>
        <div class="col-sm-8">
        <input v-model="model.f_meternumber1" class="form-control">
      </div>
      </div>
    </div>

  </footer>
</modal>
</template>

<script>
export default {
  title: '微信回复',
  data() {
    return {
      model: {
        f_gaswatchbrand: '',
        f_type: '',
        f_state: '',
        f_metertype: ''
      },

      f_state: [{
          label: '全部',
          value: ''
        },
        {
          label: '已安装',
          value: '已安装'
        },
        {
          label: '已领取',
          value: '已领取'
        },
        {
          label: '未领取',
          value: '未领取'
        },
        {
          label: '已损坏',
          value: '已损坏'
        }
      ]
      // ok: true,
      // items: {},

    }
  },
  computed: {
    f_gaswatchbrand() {
      return this.$getParams('气表品牌', [{
        label: '请选择',
        value: ''
      }])
    },
    f_type() {
      return this.$getParams('气表类型', [{
        label: '请选择',
        value: ''
      }])
    },
    f_metertype() {
      return this.$getParams('气表型号', [{
        label: '请选择',
        value: ''
      }])
    }
  },
  props: ['arr', 'show'],
  methods: {
    open(row) {},
    close() {
      this.show = false
      this.$emit('replys', this.show)
    }
  }
}
</script>
<style>
td.role {
  text-align: center;
}

.modal-header {}

span.font1 {
  font-weight: bold;
  font-size: 17px;
}

div.t1 {
  background-color:
}
</style>
